<!DOCTYPE html>

<html>
    
    <head>
        <title>Canvas Game Programming</title>
        <style>
            canvas {
                border: solid 1px #000000 ;
            }
        </style>
            
        <script>
            window.onload = function()
            {
                var canvas = document.getElementById("my-canvas");
                var context = canvas.getContext("2d");
                
                context.fillRect(16, 16, 128, 128);
            }
        </script>
    </head>
    
    <body>
        <h1>Canvas Game Programming</h1>
        <canvas id="my-canvas" width="640" height="480">
            
        </canvas>
    </body>
    
</html>
